body,html{height:100%}
body,table{width:100%}
*,body,h1,h2,h3,h4,h5,h6,li,ul{margin:0;padding:0}
.loading_background,.loading_yinfu,.off,.play_yinfu{background-position:center center}
#audio_btn,.loading_yinfu,.off,.play_yinfu{background-repeat:no-repeat}
.main-page,body{-webkit-box-orient:vertical}
.btn,.telphone{cursor:pointer}
.finger_div,body{-webkit-touch-callout:none}
.flip-mask,.m-page,.main,.main-page,.nr .edit_area>li .element-box,.nr input,.sl-content-slice,.sl-slider-wrapper,textarea{overflow:hidden}
.nr .btn1,.nr a{text-algn:center}
*{outline:0;-webkit-tap-highlight-color:transparent}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.35)}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{background-color:#000;min-height:100%;font-weight:300;font-family:'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;font-size:62.5%;line-height:1.231;display:-webkit-box;-webkit-box-align:stretch;position:relative}
img:not([src*="/"]){display:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{vertical-align:middle}
textarea{border:0}
li,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
.clr:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.telphone{display:block;position:fixed;right:2%;bottom:15%;z-index:100}
.telphone img{width:44px;height:44px}
#audio_btn{position:absolute;right:10px;top:10px;z-index:200;display:none;width:50px;height:50px}
.loading_yinfu,.rotate{position:absolute;left:10px;top:10px;width:30px;height:30px}
.loading_background{background-image:url(images/music_loading.gif);background-size:30px 30px;opacity:.5}
.loading_yinfu{background-image:url(images/yinfu.png)}
.play_yinfu{background-image:url(images/music.gif);background-size:60px 60px}
.off,.rotate{background-image:url(images/music_off.png)}
.rotate{background-size:100% 100%;-webkit-animation:rotating 1.2s linear infinite;-moz-animation:rotating 1.2s linear infinite;-o-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@keyframes rotating{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@-moz-keyframes rotating{from{-moz-transform:rotate(0)}
to{-moz-transform:rotate(360deg)}
}
.off{background-size:30px 30px}
.gesture{background-image:url(images/gesture.png);left:50%;margin-left:-50px;bottom:100px;position:absolute;width:117px;height:117px;z-index:1000;display:none;animation:start 1.5s infinite ease-in-out}
.gesture,.u-arrow-bottom img{-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out}
.loading{background:#000;width:100%;height:100%;position:absolute;z-index:9999;top:0}
.loadbox{display:block;position:relative;width:70px;height:70px;margin:50% auto 0}
.loadbg{display:block;position:absolute;z-index:1000;width:100px;height:100px;background:url(images/myloading2.gif)}
.m-img,.m-img .video_mask,.m-page,.main{width:100%;height:100%}
img{-webkit-user-select:​ none}
.main{min-width:300px;max-width:640px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative}
.m-page{position:absolute;left:0;top:0;background:#fff}
.m-page.show{z-index:10;display:block}
.m-page.hide{z-index:5;display:none}
.m-page.active{z-index:15;display:block}
.m-img .video_mask{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:1000}
.m-img .close_mask{background-image:url(images/close_white.png);display:block;position:absolute;right:15px;top:15px;width:20px;height:20px;z-index:1001}
.m-img .video_mask .video_player{position:absolute;top:15%;width:100%;height:50%}
.main-page{border:0;position:absolute;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;z-index:0;display:none;-webkit-transform-origin:center center;background:#fff}
.page-content{height:100%;-webkit-box-flex:100;color:#fff;font-size:50px}
.main-page.z-current{z-index:1;display:inline-block}
.z-current{opacity:1}
.main-page.z-active{z-index:2;display:block}
.u-arrow-bottom{position:absolute;bottom:10px;left:50%;z-index:150;width:24px;height:14px;margin-left:-7px}
.u-arrow-bottom img{position:absolute;top:50%;left:50%;margin:-7px 0 0 -14px;width:24px;height:14px;background-position:0 -82px;animation:start 1.5s infinite ease-in-out}
.u-arrow-right,.u-arrow-right img{position:absolute;top:50%;width:14px;height:24px}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,10px)}
60%{opacity:1;-webkit-transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(0,-8px)}
}
@-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,10px)}
60%{opacity:1;-moz-transform:translate(0,0)}
100%{opacity:0;-moz-transform:translate(0,-8px)}
}
@keyframes start{0%,30%{opacity:0;transform:translate(0,10px)}
60%{opacity:1;transform:translate(0,0)}
100%{opacity:0;transform:translate(0,-8px)}
}
.u-arrow-right{z-index:150;margin-top:-10px;right:20px;transform:scaleX(-1);-webkit-transform:scaleX(-1)}
.u-arrow-right img{left:50%;margin:-7px 0 0 -14px;background-position:0 -82px;-webkit-animation:rightflip 1.5s infinite ease-in-out;-moz-animation:rightflip 1.5s infinite ease-in-out;animation:rightflip 1.5s infinite ease-in-out}
@-webkit-keyframes rightflip{0%,30%{opacity:0;-webkit-transform:translate(10,0)}
60%{opacity:1;-webkit-transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(-8px,0)}
}
@-moz-keyframes rightflip{0%,30%{opacity:0;-moz-transform:translate(10,0)}
60%{opacity:1;-moz-transform:translate(0,0)}
100%{opacity:0;-moz-transform:translate(-8px,0)}
}
@keyframes rightflip{0%,30%{opacity:0;transform:translate(10,0)}
60%{opacity:1;transform:translate(0,0)}
100%{opacity:0;transform:translate(-8px,0)}
}
.scale-end{opacity:1!important}
.sl-slider-wrapper{width:100%;height:100%;margin:0 auto;position:relative}
.sl-content-slice,.sl-content-wrapper,.sl-slider{position:absolute}
.sl-slider{top:0;left:0}
.sl-slide,.sl-slide-inner,.sl-slides-wrapper{position:absolute;width:100%;height:100%;top:0;left:0}
.sl-slide{z-index:1}
.sl-content-slice{box-sizing:content-box;background:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:1}
.main .bg-img,.sl-content-slice{-webkit-box-sizing:content-box;-moz-box-sizing:content-box}
.sl-slide-horizontal .sl-content-slice{width:100%;height:50%;left:-200px;-webkit-transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
.sl-slide-horizontal .sl-content-slice:first-child{top:-200px;padding:200px 200px 0}
.sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%;padding:0 200px 200px}
.sl-slide-vertical .sl-content-slice{width:50%;height:100%;top:-200px;-webkit-transform:translateX(0) scale(1);-moz-transform:translateX(0) scale(1);-o-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
.sl-slide-vertical .sl-content-slice:first-child{left:-200px;padding:200px 0 200px 200px}
.sl-slide-vertical .sl-content-slice:nth-child(2){left:50%;padding:200px 200px 200px 0}
.sl-content{width:100%;height:100%;background:#fff}
.sl-slide-horizontal .sl-slide-inner{background:#ddd}
.sl-slide-vertical .sl-slide-inner{background:#ccc}
.main .sl-slider-wrapper{width:100%;height:100%;overflow:hidden;position:relative}
.jt_left,.main .bg-img{position:absolute;display:block}
.main .bg-img{padding:0;box-sizing:content-box;top:0;left:0;width:100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-position:center center}
.jt_left,.jt_left img{width:30px;height:30px}
.jt_left{top:50%;margin-top:-15px;z-index:100;right:8px;-webkit-animation:move 2s infinite}
.cas,.money,.money_mask{position:absolute;width:100%;height:100%}
@-webkit-keyframes move{from{right:8px}
to{right:50px}
}
.cas{z-index:669;opacity:1;-webkit-transition:opacity .5s;-ms-transition:opacity .5s;-moz-transition:opacity .5s}
.money{z-index:1000}
.money_mask{background-color:rgba(0,0,0,.8);opacity:.8;top:0;left:0;z-index:1001}
.money_modal{width:260px;height:260px;position:absolute;left:50%;top:50%;margin-left:-130px;margin-top:-130px;background-color:#e30016;z-index:1002;color:#fff714}
.money_modal .level_text,.money_modal .money_text{text-align:center;width:100%;margin-top:10px;font-size:16px}
.money_modal .money_text{line-height:24px}
.money_modal .level_text{font-weight:700}
.money_modal .tip-text{text-align:center;margin-top:7px;font-size:12px}
.money_modal .button{display:inline-block;width:112px;padding-top:10px;padding-bottom:10px;text-align:center;font-size:16px;border-radius:5px;bottom:30px;position:absolute;background-color:#fff714;color:#e30016}
.jt_up,.next_btn,.pre_btn{display:block}
.money_modal .tryOnce{float:left;margin-left:10px;margin-right:14px}
.money_modal .enterScene{float:right;margin-left:138px}
.money_modal .money_img{width:100%;margin:-26px auto 0;background-image:url(images/yuanbao.png);background-position:center;background-size:100%;height:100px;background-repeat:no-repeat}
.jt_up,.jt_up img{width:30px;height:30px}
.noOp{opacity:0!important}
.jt_up{position:absolute;bottom:5px;z-index:100;left:50%;margin-left:-15px;-webkit-animation:move2 2s infinite}
@-webkit-keyframes move2{from{bottom:5px}
to{bottom:15px}
}
.ctrl_panel{float:left;padding-top:110px}
.pre_btn{margin-bottom:40px}
.finger_line,body>a{display:none}
.btn{width:20px;height:70px;border-top-right-radius:5px;border-bottom-right-radius:5px;left:50%;background:#2096f9;top:47px;font-size:12px;color:#fff;padding:20px 8px 0;text-align:center;border:1px solid #2096f9}
.ctrl_panel a:hover{border:1px solid #08a1ef;color:#08a1ef;background-color:#FFF}
#report2,.finger_info,.tip{text-align:center;color:#fff}
.tip{z-index:10000;font-size:24px;position:absolute;width:180px;top:320px;background-color:#000;opacity:.8;line-height:50px;border-radius:10px;filter:alpha(opacity=80);left:50%;margin-left:-90px}
#report0,#report1{background-color:#fff}
.finger_background,.finger_div{position:absolute;z-index:1000}
.finger_div{width:200px;height:200px;left:50%;top:50%;margin-left:-100px;margin-top:-100px;text-align:center;-webkit-user-select:none}
.finger_background{top:0;left:0}
.finger_kuang{width:180px;position:absolute;left:70px;top:160px}
.finger_line,.finger_zw{-webkit-user-select:none;position:absolute;-webkit-touch-callout:none;left:50%;top:50%}
.finger_zw{width:140px;margin-left:-70px;margin-top:-70px}
.finger_line{width:180px;margin-left:-90px;margin-top:70px}
.finger_info{position:absolute;top:130px;left:0;width:320px;font-size:14px}
#report0{width:260px;position:absolute;top:20px;left:50%;margin-left:-130px;z-index:999;padding-bottom:20px;box-shadow:2px 4px 4px #ccc}
#report1{width:100%;height:40%;top:20%;z-index:1000;position:relative}
.flip-mask,.turning{position:absolute;left:0}
#report2{width:100%;background-color:#f66;padding:15px 0}
#report2 h1{font-size:16px;margin-top:10px}
#report3{margin-top:20px;width:100%;text-align:center}
#report3 ul li{font-size:15px;line-height:40px}
#report3 ul li span{padding-right:20px}
#report3 li.active span{color:#f66;background:url(images/jubao_07.png) right no-repeat;padding-right:20px;background-size:15px}
#report4{text-align:center;margin-top:10px}
#report4 a{width:140px;height:30px;line-height:30px;font-size:14px;border-radius:3px;background-color:#f66;color:#fff;text-align:center}
.flip-mask{width:1000px;height:1000px;top:0;background:#fff}
.turning{top:0;z-index:1000}

@font-face {
	font-family:eqfonts;src:url(fonts/eqfonts.eot?uxwp0n);src:url(fonts/eqfonts.eot?#iefixuxwp0n) format('embedded-opentype'),url(fonts/eqfonts.woff?uxwp0n) format('woff'),url(fonts/eqfonts.ttf?uxwp0n) format('truetype'),url(fonts/eqfonts.svg?uxwp0n#eqfonts) format('svg');font-weight:400;font-style:normal
}
[class*=" eqf-"],[class^=eqf-]{font-family:eqfonts;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.eqf-flower:before{content:"\e68e"}
.eqf-flower-line:before{content:"\e691"}
.eqf-love:before{content:"\e6ab"}
.eqf-love-line:before{content:"\e6ac"}
.eqf-roll:before{content:"\e6ad"}
.eqf-roll-line:before{content:"\e6ae"}
.eqf-star:before{content:"\e6af"}
.eqf-star-line:before{content:"\e6b0"}
article{height:100%!important}
.nr .edit_wrapper{height:100%;width:100%;background-position:50% 50%;background-size:cover}
.my-tpl .edit_wrapper{padding:0;width:82px;height:124px;border:1px solid #ccc;position:relative;left:50%;margin-left:-40px}
.nr .edit_area{position:absolute;top:0;text-align:left;width:320px;height:486px;background-repeat:no-repeat;background-size:100% 100%}
.nr .edit_area>li{color:#676767;line-height:1;background:0;position:absolute;list-style:none!important;margin:0!important;padding:0;-webkit-transition:padding .5s;-moz-transition:padding .5s;transition:padding .5s;min-height:24px;min-width:24px;width:100%;-webkit-user-select:none}
.nr .edit_area>li *{box-sizing:border-box;-moz-box-sizing:border-box}
.nr .edit_area .element{min-width:50px;min-height:24px;color:inherit}
.nr .wsite-button .element-box{text-align:center;color:#676767;border:1px solid #ccc;border-radius:5px;background:#f9f9f9}
.nr .wsite-input .element-box{color:#676767;border:1px solid #ccc;border-radius:5px;background:#f9f9f9}
.nr .wsite-video .element-box{width:48px;height:48px}
.nr .wsite-video .element-box .video_area{background-image:url(/assets/images/create/play.png);background-repeat:no-repeat;background-size:100% 100%;width:48px;height:48px;display:block}
.nr input,textarea{resize:none;padding:0;margin:0;border-radius:0;line-height:120%;display:inline-block!important}
.nr .comp_title{background-color:#fff;color:#000;font-size:14px;text-align:center;word-break:break-all;line-height:50px}
.label_content{opacity:.8;font-size:18px;height:50px;top:0;color:#ccc;border:1px solid #ccc}
.nr .comp_image{width:100%;height:100%}
.nr .wsite-text{width:222px;height:36px}
.nr .comp_paragraph{font-size:24px;color:#404449;line-height:inherit;padding:.3em 15px;margin:0;width:100%;height:100%;word-wrap:break-word;text-align:left}
.nr .comp_paragraph a{color:inherit}
.nr .comp_input_wrapper{margin:15px auto 0;font-size:16px;width:80%;color:#aaa;text-align:left}
.nr .comp_input_wrapper .comp_input_label{padding:4px 0}
.nr .comp_input,.nr .comp_radio{width:240px;border:0;background:0 0;padding:8px!important;font-size:16px}
.nr .comp_input{height:36px;font-family:'Open Sans',sans-serif;font-weight:400}
.nr .comp_radio .options .option-group,.nr .comp_radio .radio-title{padding:5px}
.nr .comp_radio .options .option-group .option-label{font-size:12px;margin-bottom:0;display:inline-block}
.nr .comp_radio .options .option-group .option-label input{vertical-align:middle;margin-right:5px}
.nr .comp_rating{width:240px;background:0 0;border:0;padding:8px!important;font-size:16px}
.nr .comp_rating .rating-icons,.nr .comp_rating .rating-title{display:inline-block;padding:5px}
.nr .comp_rating .rating-icons i{margin-right:5px}
.nr .comp_rating .rating-icons i.rating-l{font-size:15px}
.nr .comp_rating .rating-icons i.rating-m{font-size:14px}
.nr .comp_rating .rating-icons i.rating-s{font-size:12px}
.nr .comp_anchor,.nr .comp_button{white-space:nowrap;font-size:16px}
.nr .comp_button{width:240px;height:36px;min-width:50px;border:0;background:0 0;color:#999}
.nr a{display:inline-block}
.nr .btn1{width:90px;background:red;height:30px;border:1px solid #ccc;line-height:30px;color:#fff;-webkit-border-radius:5px}
.nr .btn2{width:80px;background:#FDAF07;height:35px;line-height:35px;-webkit-border-radius:40px}
.nr .btn2,.nr .btn3{border:1px solid #ccc}
.nr .btn3,.nr .btn4{width:100px;height:30px;line-height:30px}
.nr .btn3{background:#3FB816;color:#fff;-webkit-border-radius:5px}
.nr .btn4{border:1px solid #3FB816;color:#000;-webkit-border-radius:5px}
.nr .comp_anchor{width:240px;height:32px;display:block;text-align:center;line-height:32px}
body *{text-shadow:none!important}
.anchorBL{display:none!important}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;transform:none}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeOutDown{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutLeft{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutRight{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes wobble{0%,100%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
@keyframes wobble{0%,100%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes rotateIn{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotateIn{from{-moz-transform:rotate(0)}
to{-moz-transform:rotate(359deg)}
}
@-o-keyframes rotateIn{from{-o-transform:rotate(0)}
to{-o-transform:rotate(359deg)}
}
@keyframes rotateIn{from{transform:rotate(0)}
to{transform:rotate(359deg)}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomOut{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
@keyframes zoomOut{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:none;transform:none}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes rollOut{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
@keyframes rubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
@-webkit-keyframes lightSpeedOut{0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes heartbeat{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes heartbeat{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
.heartbeat{-webkit-animation-name:heartbeat;animation-name:heartbeat}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}
